<template>
    <div class="content">
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页2</p>
        <p>首页1</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页</p><p>首页3</p>
    </div>
</template>

<style scoped>
.content{
    width: 100%;
    height: calc(100% - 54px);
    overflow-y: scroll;
}
</style>

